<script>
	var Wizard = {
		buttonFinish:'btn btn-default',
		buttonDisabled:'disabled',
		buttonPrevious:'btn btn-default',
		buttonNext:'btn btn-default'
		/*onLeaveStep:leaveAStepCallback,
		onFinish:onFinishCallback*/
	};
	function leaveAStepCallback(obj){
		var validator = jQ('#theForm').validate();
		if(!validator.element('[name=title]') || !validator.element('[name=catid]') || !validator.element('[name=rule]') || !validator.element('[name=description]') || !validator.element('[name=style]') || !validator.element('[name=startdate]') || !validator.element('[name=deadline]')){
			return false;
		}else{
			return true;
		}
		return true;
	}

	function onFinishCallback(){
		jQ("#theForm").submit();
		return false;
	}
</script>
<div class="panel panel-danger">
	<div class="panel-heading">
		<h3 class="panel-title"><i class="glyphicon glyphicon-plus"></i> 我要入驻好店</h3>
	</div>
	<div class="panel-body">
		<form class="form-horizontal" role="form" data-sea="Validator" id="theForm">
		<div data-sea="seaSmartWizard" data-config="Wizard">
			<ul>
				<li class="col-sm-3"><a href="#step-1"><span class="stepNumber">1</span><span class="stepDesc">Step 1<br /><small><strong>Step 1 设定店家基本资料</strong></small></span></a></li>
				<li class="col-sm-3"><a href="#step-2"><span class="stepNumber">2</span><span class="stepDesc">Step 2<br /><small><strong>Step 2 设定店家图片信息</strong></small></span></a></li>
				<li class="col-sm-3"><a href="#step-3"><span class="stepNumber">3</span><span class="stepDesc">Step 3<br /><small><strong>Step 3 设定店家地理信息</strong></small></span></a></li>
				<li class="col-sm-3"><a href="#step-3"><span class="stepNumber">4</span><span class="stepDesc">Step 4<br /><small><strong>Step 4 设定店家地理信息</strong></small></span></a></li>
			</ul>
			<div id="step-1">
				<h2 class="StepTitle">Step 1 设定店家基本资料</h2>
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-2 control-label">商家名称</label>
					<div class="col-sm-4">
						<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
					</div>
					<label for="inputEmail3" class="col-sm-2 control-label">网店地址</label>
					<div class="col-sm-4">
						<input type="email" class="form-control" id="inputEmail4" placeholder="Email">
					</div>
				</div>
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-2 control-label">特色服务</label>
					<div class="col-sm-4">
						<div class="col-sm-12" data-sea="RadioCheckbox">
							<input type="radio" id="tese1" name="tese" checked="checked"><label for="tese1"> 方便停车</label>
							<input type="radio" id="tese2" name="tese"><label for="tese2"> 上门服务</label>
							<input type="radio" id="tese3" name="tese"><label for="tese3"> 其他服务</label>
						</div>
					</div>
					<label for="inputEmail3" class="col-sm-2 control-label">店家环境</label>
					<div class="col-sm-4">
						<div class="col-sm-12" data-sea="RadioCheckbox">
							<input type="radio" id="condition1" name="condition" checked="checked"><label for="condition1"> 优雅</label>
							<input type="radio" id="condition2" name="condition"><label for="condition2"> 舒适</label>
							<input type="radio" id="condition3" name="condition"><label for="condition3"> 干净</label>
							<input type="radio" id="condition4" name="condition"><label for="condition4"> 一般</label>
						</div>
					</div>
				</div>
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-2 control-label">商家电话</label>
					<div class="col-sm-4">
						<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
					</div>
					<label for="inputEmail3" class="col-sm-2 control-label">商家QQ</label>
					<div class="col-sm-4">
						<input type="email" class="form-control" id="inputEmail4" placeholder="Email">
					</div>
				</div>
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-2 control-label">商家分类</label>
					<div class="col-sm-4">
						<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
					</div>
					<label for="inputEmail3" class="col-sm-2 control-label">信用卡</label>
					<div class="col-sm-4">
						<div class="col-sm-12" data-sea="RadioCheckbox">
							<input type="radio" id="gender1" name="gender" checked="checked"><label for="gender1"> 允许使用</label>
							<input type="radio" id="gender2" name="gender"><label for="gender2"> 不允许使用</label>
						</div>
					</div>
				</div>
				<div class="form-group">
					<label for="inputPassword3" class="col-sm-2 control-label">营业时间</label>
					<div class="col-sm-4">
						<div class="input-group date form_time col-md-5" data-date="" data-date-format="hh:ii" data-link-field="dtp_input3" data-link-format="hh:ii" data-sea="btDateTime">
								<input class="form-control" size="16" type="text" value="" readonly>
								<span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
							<input type="hidden" id="dtp_input3" value="" />
						</div>
						<div class="input-group col-sm-2 text-center">至</div>
						<div class="input-group date form_time col-md-5" data-date="" data-date-format="hh:ii" data-link-field="dtp_input3" data-link-format="hh:ii" data-sea="btDateTime">
							<input class="form-control" size="16" type="text" value="" readonly>
							<span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
							<input type="hidden" id="dtp_input3" value="" />
						</div>
					</div>
					<label for="inputPassword3" class="col-sm-2 control-label">微信号</label>
					<div class="col-sm-4">
						<input type="password" class="form-control" id="inputPassword3" placeholder="Password">
					</div>
				</div>
				<div class="form-group">
					<label for="inputPassword3" class="col-sm-2 control-label">所在地区</label>
					<div class="col-sm-2">
						<select name="pref_noapply" data-sea="jQselectable">
							<optgroup label="北海道">
								<option value="01">北海道</option>
								<option value="01">东海道</option>
								<option value="01">南海道</option>
							</optgroup>
							<optgroup label="東北">
								<option value="02">青森県</option>
								<option value="03">岩手県</option>
								<option value="04">宮城県</option>
								<option value="05">秋田県</option>
								<option value="06">山形県</option>
								<option value="07">福島県</option>
							</optgroup>
							<optgroup label="関東">
								<option value="08">東京都</option>
								<option value="09">茨城県</option>
								<option value="10">栃木県</option>
								<option value="11">群馬県</option>
								<option value="12">埼玉県</option>
								<option value="13">千葉県</option>
								<option value="14">神奈川県</option>
							</optgroup>
							<optgroup label="北陸">
								<option value="15">富山県</option>
								<option value="16">石川県</option>
								<option value="17">福井県</option>
							</optgroup>
							<optgroup label="甲信越">
								<option value="18">新潟県</option>
								<option value="19">山梨県</option>
								<option value="20">長野県</option>
							</optgroup>
							<optgroup label="東海">
								<option value="21">岐阜県</option>
								<option value="22">静岡県</option>
								<option value="23">愛知県</option>
								<option value="24">三重県</option>
							</optgroup>
							<optgroup label="関西">
								<option value="25">滋賀県</option>
								<option value="26">京都府</option>
								<option value="27">大阪府</option>
								<option value="28">兵庫県</option>
								<option value="29">奈良県</option>
								<option value="30">和歌山県</option>
							</optgroup>
							<optgroup label="中四国">
								<option value="31">鳥取県</option>
								<option value="32">島根県</option>
								<option value="33">岡山県</option>
								<option value="34">広島県</option>
								<option value="35">山口県</option>
								<option value="36">徳島県</option>
								<option value="37">香川県</option>
								<option value="38">愛媛県</option>
								<option value="39">高知県</option>
								<option value="35">山口県</option>
								<option value="36">徳島県</option>
								<option value="37">香川県</option>
								<option value="38">愛媛県</option>
								<option value="39">高知県</option>
							</optgroup>
							<optgroup label="九州">
								<option value="40">福岡県</option>
								<option value="41">佐賀県</option>
								<option value="42">長崎県</option>
								<option value="43">熊本県</option>
								<option value="44">大分県</option>
								<option value="45">宮崎県</option>
								<option value="46">鹿児島県</option>
							</optgroup>
							<optgroup label="沖縄">
								<option value="47">沖縄県</option>
							</optgroup>
						</select>
					</div>
					<label for="inputPassword3" class="col-sm-2 control-label">详细地址</label>
					<div class="col-sm-6">
						<input type="password" class="form-control" id="inputPassword3" placeholder="Password">
					</div>
				</div>
				<div class="form-group">
					<label for="inputPassword3" class="col-sm-2 control-label">商家介绍</label>
					<div class="col-sm-10" style="height:150px;">
						<textarea data-sea="seaKindeditor" name="summary" data-option="width:'100%',height:'120px'"></textarea>
					</div>
				</div>
			</div>
			<div id="step-2">
				<h2 class="StepTitle">Step 2 设定店家图片信息</h2>
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-2 control-label">商家Logo</label>
					<div class="col-sm-2">
						<input type="file" data-sea="seaSWFupload" data-jsfile="../custom/handlers" data-config="SWFupload_logo">
					</div>
					<label for="inputEmail3" class="col-sm-2 control-label">好店Banner</label>
					<div class="col-sm-6">
						<input type="file" data-sea="seaSWFupload" data-jsfile="../custom/handlers" data-config="SWFupload_banner">
					</div>
				</div>
				<div class="form-group">
					<label for="inputPassword3" class="col-sm-2 control-label">折扣说明</label>
					<div class="col-sm-10" style="height:150px;">
						<textarea data-sea="seaKindeditor" name="summary" data-option="width:'100%',height:'120px'"></textarea>
					</div>
				</div>
			</div>
			<div id="step-3">
				<h2 class="StepTitle">Step 3 设定店家地理信息</h2>
			</div>
		</div>
		</form>
	</div>
</div>